<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Linux命令大全</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- Roboto -->
    <link rel="shortcut icon" href="/favicon.jpg" />
    <link rel="stylesheet" href="/static/css/app.css">
    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:400,500,700">
    <link href="https://cdn.bootcss.com/ratchet/2.0.2/css/ratchet.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/ratchet/2.0.2/css/ratchet-theme-ios.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/highlight.js/9.12.0/styles/monokai-sublime.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/lightbox2/2.9.0/css/lightbox.css" rel="stylesheet">
    {% block css %}

    {% endblock %}
</head>
<body>
<header class="bar bar-nav">
    <a class="icon icon-compose pull-right" href="#composeModal"></a>
    <a href="#navPopover">
        <h1 class="title">
            <span class="icon icon-home"></span>
            Linux命令大全
            <span class="icon icon-caret"></span>
        </h1>
    </a>
</header>
<div class="bar bar-standard bar-header-secondary">
    <form method="get" action="/index.php">
        <input type="search" placeholder="搜索" name="cmd" >
    </form>
</div>
<div class="content">
    {% block content %}

    {% endblock %}

</div>

<!-- Compose modal -->
<div id="composeModal" class="modal">
    <header class="bar bar-nav">
        <a class="icon icon-left pull-left" href="#composeModal"></a>
        <h1 class="title">留言</h1>
    </header>
    <div class="content">
        <form class="content-padded">
            <input type="text" placeholder="邮件">
            <textarea rows="10"></textarea>
            <a class="btn btn-positive btn-block" href="#composeModal">发送</a>
        </form>
    </div>
</div><!-- /.modal -->

<!-- Popover -->
<div id="navPopover" class="popover">
    <ul class="table-view">
        {% for category in categoryList  %}
            <li class="table-view-cell"><a href="/index.php?category={{ category }}">{{ category }}</a></li>
        {% endfor %}
    </ul>
</div>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="/static/vendor/ratchet-2.0.2/dist/js/ratchet.js"></script>
<script src="https://cdn.bootcss.com/highlight.js/9.12.0/highlight.min.js"></script>
<script src="https://cdn.bootcss.com/lightbox2/2.9.0/js/lightbox.js"></script>
<script src="/static/js/app.js"></script>
{% block script %}

{% endblock %}
<script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

</body>
</html>
